ページングできるjQueryプラグイン「Pajinate」
「Pajinate」は長いコンテンツやリスト要素を自動的にページングを表示してくれるjQueryのプラグインです。
<li>要素をカウントしてページングしたりできるので結構便利そうです。
デモ
以下のようなコードで動作するようです。
JS
1 | $(document).ready(function(){ |
2 | $('#paging_container1').pajinate(); |
3 | }); |
HTMLは指定のdivの中にpage_navigationというClass（オプションで変更可）を指定する必要があるようです。
1 | <div id="page_container"> |
2 | <div class="page_navigation"></div> |
3 | <ul class="content"> |
4 | <li> <p>One</p> </li> |
5 | ... |
6 | <li> <p>Eight</p> </li> |
7 | </ul> |
8 | </div> |
サーバーサイドで処理するよりも高速に表示する事ができますね。
パフォーマンスの節約にもなるので覚えておいて良いかもしれません。
最新情報をお届けします
